.button {
  width: 100%;
    border: 1px solid var(--button-bg);
    padding: 8px 16px;
    background: var(--button-bg);
    color: var(--button-text);
    font-size: var(--button-font-size);
    border-radius: var(--button-radius);
    height: var(--button-height);
    &[disabled] {
      opacity: 0.5;
      cursor: not-allowed
    };
    &.normal {
    }
    &.important {
    }
    &.danger {
      background: var(--button-bg-danger);
      border-color: var(--button-bg-danger);
    }
  }